<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>其他表单元素与表单验证</title>
</head>
<body>
<article>
    <aside>
        <h1>其他表单元素</h1>
        <ul>
            <li>
                textarea元素，用于定义多行文本输入框，可以通过cols和rows属性规定列数和行数，通过width和height来设置宽度和高度<br>
                举个例子:定义一个30个字符宽，10行的多行输入框。一个汉字占两个字符<br>
                <form action="#">
                    <textarea name="textarea1" id="textarea1" cols="30" rows="10" placeholder="在这里输入内容"></textarea>
                </form>
            </li>
            <li>
                label元素用于为input元素标记，当用户选择该元素时，浏览器会自动将焦点转到与该元素相关的表单控件上<br>
                举个例子<br>
                <form action="#">
                    <input type="radio" id="man" checked name="sex">
                    <label for="man">男</label>
                    <input type="radio" id="female" checked name="sex">
                    <label for="female">女</label>
                </form>
                将label的for属性和input的id属性设置为相同，实现绑定效果
            </li>
            <li>

            </li>
        </ul>
    </aside>
</article>
</body>
</html>